<%--
    @Description： 看板维护
    @Author： 樊双峰
    @Date： 2018-07-04 23:49
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<g:set var="ctx" value="${request.getContextPath()}"/>
<head>
    <title>设备看板维护</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" type="text/css" href="${ctx}/css/eqpBoard/editEqpBoard.css">
    <script type="text/javascript" src="${ctx}/js/eqpBoard/jquery-3.0.0.js"></script>
    <script type="text/javascript" src="${ctx}/js/eqpBoard/layer/layer.js"></script>
    <script type="text/javascript" src="${ctx}/js/eqpBoard/ht/ht.js"></script>
    <script type="text/javascript" src="${ctx}/js/eqpBoard/ht/ht-historymanager.js"></script>
</head>
<body>
    <!-- 整个body显示页面 START -->
    <div class="content">
        <!-- 标题 START -->
        <div class="title">
            <div class="titleText" title="设备看板">EQUIPMENT BOARD</div>
            <div class="titleState" title="设备状态">
                <ul>
                    <g:each in="${getStateColor}" status="i" var="stateColorInstance">
                        <li style="background-color: ${stateColorInstance.COLOR}; font-family: '微软雅黑', '宋体'; border-radius: 4px;" title="${stateColorInstance.STATE}">&nbsp;&nbsp;${stateColorInstance.STATE}&nbsp;&nbsp;</li>
                    </g:each>
                </ul>
            </div>
        </div>
        <!-- 标题 END -->
        <!-- 画布 START -->
        <div class="myCanvas" id="myCanvas"></div>
        <!-- 画布 END -->
    </div>
    <!-- 整个body显示页面 END -->
    <!-- 事件框 START -->
    <div>
        <ul class="contextmenu" style="display:none;position: absolute;">
            <li id="actualPower"></li>
            <li><a href="javascript:void(0)">remove</a></li>
        </ul>
    </div>
    <!-- 事件框 END -->
</body>
</html>
<g:render template="../template/editEqpBoardJS"/>
<script type="text/javascript">
    $(document).ready(function () {
        getEqpInfo('${ctx}');
    });

    setInterval(function myRefresh() {
        getEqpInfo('${ctx}');
    }, 120000);
</script>